/*主要是为了让卡片视图宽度满屏*/
.dry-mui-card-full {
    margin-left: 0;
    margin-right: 0;
}
/*第1个卡片的设置*/
.dry-mui-card-full:first-child {
    margin-top: 40px;
}
/*数据统计文字的颜色*/
.dry-text-color-data-statistic {
    color: #8f8f94;
}
/*图标颜色激活*/
.dry-icon-active {
    color: red;
}
/*头部的分类*/
.dry-top-category {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 40px;
    z-index: 9999;
}
/*头部的视频*/
.dry-top-video {
    margin-top: 45px;
    width: 100%;
    height: 200px;
}
/*详情页视频信息*/
.dry-video-info {
    margin-top: -45px;
}
.dry-video-info .mui-card-content {
    padding: 10px 15px;
}
.dry-text-right {
    text-align: right;
}
.dry-text-center {
    text-align: center;
}
.dry-tag-box .mui-btn-outlined {
    margin-right: 3px;
    margin-top: 3px;
    margin-bottom: 3px;
}
.dry-font-size-1 {
    font-size: 12px;
}
.dry-font-size-2 {
    font-size: 13px;
}
.dry-font-size-3 {
    font-size: 14px;
}
.dry-text-color-1 {
    color: #333333;
}
.dry-text-color-2 {
    color: #007aff;
}
.dry-text-color-3 {
    color: #8f8f94;
}
.dry-comment-box {
    padding: 5px 15px;
}
.dry-comment-author {
    float: left;
    width: 30px;
}
.dry-comment-content {
    margin-left: 30px;
}
.dry-reference-comment {
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    padding: 5px;
    margin-top: 5px;
}
.dry-comment-split {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #c8c7cc;
    transform: scaleY(0.2);
}
.mui-btn-block {
    padding: 6.5px 0;
}
.dry-login-box {
    padding: 10px;
    background-color: white;
}
.dry-login-icon-box {
    float: left;
    width: 24px;
    height: 40px;
    line-height: 40px;
}
.dry-login-input-box {
    margin-left: 24px;
}
.dry-login-input-box input {
    margin-bottom: 0;
    border: none;
}
.dry-text-box {
    padding: 0 15px;
}
.dry-set-header-margin {
    margin-top: -45px;
}
.dry-margin-top-5 {
    margin-top: 5px;
}
.dry-margin-top-10 {
    margin-top: 10px;
}
.dn {
    display: none;
}